<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>管理信息平台</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="../static/css/bootstrap.min.css" rel="stylesheet" type="text/css"
          th:href="@{/css/bootstrap.min.css}"/>
    <link href="../static/css/dashboard.css" rel="stylesheet" type="text/css"
          th:href="@{/css/dashboard.css}"/>
    <link href="../static/css/styles.css" rel="stylesheet" th:href="@{/css/styles.css}">

</head>
<!--<head>-->
    <!--<meta charset="utf-8">-->
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge">-->
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <!--&lt;!&ndash; The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags &ndash;&gt;-->
    <!--<meta name="description" content="">-->
    <!--<meta name="author" content="">-->

    <!--<title>管理信息平台</title>-->

    <!--&lt;!&ndash; Bootstrap core CSS &ndash;&gt;-->
    <!--<link href="../static/css/bootstrap.min.css" rel="stylesheet"/>-->

    <!--&lt;!&ndash; Custom styles for this template &ndash;&gt;-->
    <!--<link href="../static/css/dashboard.css" rel="stylesheet"/>-->

<!--</head>-->

<body>
<div class="header">
    <div class="container">
        <div class="row">
            <div class="col-md-5">
                <!-- Logo -->
                <div class="logo">
                    <h1><a href="index.html">管理信息平台</a></h1>
                </div>
            </div>
        </div>
    </div>
</div>
<!--<nav class="navbar navbar-inverse navbar-fixed-top">-->
    <!--<div class="container-fluid">-->
        <!--<div class="navbar-header">-->
            <!--<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"-->
                    <!--aria-expanded="false" aria-controls="navbar">-->
                <!--<span class="sr-only">Toggle navigation</span>-->
                <!--<span class="icon-bar"></span>-->
                <!--<span class="icon-bar"></span>-->
                <!--<span class="icon-bar"></span>-->
            <!--</button>-->
            <!--<a class="logo" href="#">管理信息平台</a>-->
        <!--</div>-->
    <!--</div>-->
<!--</nav>-->
<div class="container-fluid">
    <div class="row">
        <div id="treeview" class="row col-sm-3 col-md-2 sidebar">

        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
            <h1 class="page-header">Dashboard</h1>

            <div class="row placeholders">
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src=""
                         width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
                    <h4>设备履历</h4>
                    <span class="text-muted">Something else</span>
                </div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src=""
                         width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
                    <h4>异常信息</h4>
                    <span class="text-muted">Something else</span>
                </div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src=""
                         width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
                    <h4>Label</h4>
                    <span class="text-muted">Something else</span>
                </div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <img src=""
                         width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
                    <h4>Label</h4>
                    <span class="text-muted">Something else</span>
                </div>

            </div>

            <h2 class="sub-header">Section title</h2>

            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>Header</th>
                        <th>Header</th>
                        <th>Header</th>
                        <th>Header</th>
                        <th>Header</th>
                        <th>Header</th>
                        <th>Header</th>
                        <th>Header</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1,001</td>
                        <td>Lorem</td>
                        <td>ipsum</td>
                        <td>dolor</td>
                        <td>sit</td>
                        <td>sit</td>
                        <td>sit</td>
                    </tr>
                    <tr>
                        <td>1,002</td>
                        <td>amet</td>
                        <td>consectetur</td>
                        <td>adipiscing</td>
                        <td>elit</td>
                    </tr>
                    <tr>
                        <td>1,003</td>
                        <td>Integer</td>
                        <td>nec</td>
                        <td>odio</td>
                        <td>Praesent</td>
                    </tr>
                    <tr>
                        <td>1,003</td>
                        <td>libero</td>
                        <td>Sed</td>
                        <td>cursus</td>
                        <td>ante</td>
                    </tr>
                    <tr>
                        <td>1,004</td>
                        <td>dapibus</td>
                        <td>diam</td>
                        <td>Sed</td>
                        <td>nisi</td>
                    </tr>
                    <tr>
                        <td>1,005</td>
                        <td>Nulla</td>
                        <td>quis</td>
                        <td>sem</td>
                        <td>at</td>
                    </tr>
                    <tr>
                        <td>1,006</td>
                        <td>nibh</td>
                        <td>elementum</td>
                        <td>imperdiet</td>
                        <td>Duis</td>
                    </tr>
                    <tr>
                        <td>1,007</td>
                        <td>sagittis</td>
                        <td>ipsum</td>
                        <td>Praesent</td>
                        <td>mauris</td>
                    </tr>
                    <tr>
                        <td>1,008</td>
                        <td>Fusce</td>
                        <td>nec</td>
                        <td>tellus</td>
                        <td>sed</td>
                    </tr>
                    <tr>
                        <td>1,009</td>
                        <td>augue</td>
                        <td>semper</td>
                        <td>porta</td>
                        <td>Mauris</td>
                    </tr>
                    <tr>
                        <td>1,010</td>
                        <td>massa</td>
                        <td>Vestibulum</td>
                        <td>lacinia</td>
                        <td>arcu</td>
                    </tr>
                    <tr>
                        <td>1,011</td>
                        <td>eget</td>
                        <td>nulla</td>
                        <td>Class</td>
                        <td>aptent</td>
                    </tr>
                    <tr>
                        <td>1,012</td>
                        <td>taciti</td>
                        <td>sociosqu</td>
                        <td>ad</td>
                        <td>litora</td>
                    </tr>
                    <tr>
                        <td>1,013</td>
                        <td>torquent</td>
                        <td>per</td>
                        <td>conubia</td>
                        <td>nostra</td>
                    </tr>
                    <tr>
                        <td>1,014</td>
                        <td>per</td>
                        <td>inceptos</td>
                        <td>himenaeos</td>
                        <td>Curabitur</td>
                    </tr>
                    <tr>
                        <td>1,015</td>
                        <td>sodales</td>
                        <td>ligula</td>
                        <td>in</td>
                        <td>libero</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
<script src="../static/js/bootstrap-treeview.js" th:src="@{/js/bootstrap-treeview.js}"></script>
<!-- Just to make our placeholder images work. Don't actually copy the next line! -->
<!--<script src="../static/js/holder.min.js"></script>-->
<script type="text/javascript">

    var defaultData1 = [
        {
            text: '武汉车载车间',
            id:'001',
            href: '#test',
            tags: ['4'],
            nodes: [
                {
                    text: '武北车间',
                    id:'002',
                    href: '#child1',
                    tags: ['2']
                },
                {
                    text: '武南车间',
                    id:'003',
                    href: '#child2',
                    tags: ['0']
                }
            ]
        },
        {
            text: '襄阳车载车间',
            href: '#parent2',
            tags: ['0'],
            nodes: [
                {
                    text: '武北车间',
                    href: '#child1',
                    tags: ['2']
                },
                {
                    text: '武南车间',
                    href: '#child2',
                    tags: ['0']
                }
            ]

        },
        {
            text: '襄阳车载车间',
            href: '#parent3',
            tags: ['0'],
            nodes: [
                {
                    text: 'Grandchild 1',
                    href: '#grandchild1',
                    tags: ['0']
                },
                {
                    text: 'Grandchild 2',
                    href: '#grandchild2',
                    tags: ['0']
                }
            ]

        },
        {
            text: '襄阳车载车间',
            href: '#parent4',
            tags: ['0'],
            nodes: [
                {
                    text: 'Grandchild 1',
                    href: '#grandchild1',
                    tags: ['0']
                },
                {
                    text: 'Grandchild 2',
                    href: '#grandchild2',
                    tags: ['0']
                }
            ]
        },
        {
            text: '襄阳车载车间',
            href: '#parent5',
            tags: ['0'],
            nodes: [
                {
                    text: 'Grandchild 1',
                    href: '#grandchild1',
                    tags: ['0']
                },
                {
                    text: 'Grandchild 2',
                    href: '#grandchild2',
                    tags: ['0']
                }
            ]
        }
    ];
    $(function () {
//        $.getJSON("./defaultData.json", function (data) {
            $('#treeview').treeview({
                levels: 1,
                showBorder: false,
                showTags: false,
                highlightSelected: true,
                onNodeSelected: function(event, data) {
                    // Your logic goes here
                    alert(data.id);
                },
                data: defaultData1
            });

//        })

//        })
        function send(){
            alert('123')
        }
        $('#test').click(function(){
            alert('test');
            return false;
        });
//        $.getJSON("./defaultData.json",function (data) {
//            var $jsontip = $("#jsonTip");
//            var strHtml = "读取的数据：<br/>";//存储数据的变量
//            $('#treeview').treeview({
////            expandIcon: "glyphicon glyphicon-th-list",
////            collapseIcon: "glyphicon glyphicon-unchecked",
////            nodeIcon: "glyphicon glyphicon-th-list",
////            color: "yellow",
////            backColor: "green",
////            onhoverColor: "orange",
//                levels: 1,
//                borderColor: "red",
//                showBorder: false,
//                showTags: false,
//                highlightSelected: true,
////            selectedColor: "blue",
////            selectedBackColor: "darkorange",
//                data: defaultData1
//            });
//        })
    });


</script>
</body>
</html>
